<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header mdl-radio-dialog" ng-init="init();"  style="background-color: #fafafa">
  <div class="kmi-header-row">
      <div class="kmi-side-btn left" ng-click="dialog.show_search = !dialog.show_search">
          <img src="image/icons/search.png"></img> 
          <div class="kmi-can-click"></div>
      </div>
      <div class="header-title" ng-bind="dialog.title | translate"></div>
      <div class="kmi-side-btn right" ng-click="dialog.back();">
          <img src="image/icons/clear.png"></img>
          <div class="kmi-can-click"></div>
      </div>
  </div>
  <div class="kmi-layout-main-content" style="padding:0px;">
    <div class="kmi-layout-page">
        <div class="filter-fields" ng-show="dialog.show_search">
            <input ng-model="dialog.filter_string"></input>
            <div class="tip" ng-click="dialog.show_search = false;dialog.filter_string ='';">
                <img src="image/icons/clear.png"></img>
            </div>
        </div>
        <div class="perfect-scrollbar mdl-radio-list">
          <div class="mdl-radio-list__item"  ng-repeat="item in dialog.itemList |filter: dialog.filter_string |orderBy:dialog.order track by $index" ng-click="dialog.itemClick(item, $event);" style="position : relative;"
            ng-class="{'is-selected':dialog.valueOutput(item)===dialog.selectCode}">
            <!--<i class="material-icons">done</i>-->
            <div class="mdl-radio-list__title" ng-bind="dialog.labelOutput(item)"></div>
            <div class="kmi-can-click"></div>
          </div>
          <div class="mdl-radio-list__item" ng-click="dialog.itemCancel();" ng-if="dialog.isCancel" style="position : relative;">
            <div class="mdl-radio-list__title" ng-bind="'common.btn.cancel'| translate"></div>
            <div class="kmi-can-click"></div>
          </div>
        </div>
    </div>
  </div>
</div>
